.vote_box{
    position         : relative;
    background-color : #fff;
    padding          : 1em 0 0;
    overflow         : hidden
}

.vote_box:before, .vote_box:after{
    content                  : " ";
    position                 : absolute;
    left                     : 0;
    top                      : 0;
    width                    : 200%;
    height                   : 1px;
    border-top               : 1px solid #e1e1df;
    -webkit-transform-origin : 0 0;
    transform-origin         : 0 0;
    -webkit-transform        : scale(0.5);
    transform                : scale(0.5)
}

.vote_box:after{
    top    : auto;
    bottom : -1px
}

.vote_box.skin_help{
    display  : none;
    position : absolute;
    top      : 0;
    padding  : 0;
    width    : 15px
}

.vote_box.po_left{
    left : -15px
}

.vote_box.po_right{
    left : 100%
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{
    margin  : 0;
    padding : 0
}

pre{
    word-break : break-all;
    word-wrap  : break-word
}

table{
    border-collapse : collapse;
    border-spacing  : 0
}

fieldset, img{
    border : 0
}

address, caption, cite, code, dfn, th, var{
    font-style  : normal;
    font-weight : normal
}

ol, ul{
    list-style : none
}

caption, th{
    text-align : left
}

h1, h2, h3, h4, h5, h6{
    font-size   : 100%;
    font-weight : normal
}

q:before, q:after{
    content : ''
}

abbr, acronym{
    border       : 0;
    font-variant : normal
}

sup{
    vertical-align : text-top
}

sub{
    vertical-align : text-bottom
}

input, textarea, select{
    font-family : inherit;
    font-size   : inherit;
    font-weight : inherit
}

input, textarea, select{
    font-size : 100%
}

legend{
    color : #000
}

body{
    background  : #f8f7f5;
    color       : #222;
    font-family : Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial,serif;
    height      : 100%;
    padding     : 15px 0 0;
    position    : relative
}

body > .tips{
    display    : none;
    left       : 50%;
    padding    : 20px;
    position   : fixed;
    text-align : center;
    top        : 50%;
    width      : 200px;
    z-index    : 100
}

.page{
    padding : 15px
}

.page .page-error, .page .page-loading{
    line-height : 30px;
    position    : relative;
    text-align  : center
}

.btn{
    background-color  : #fcfcfc;
    border            : 1px solid #ccc;
    border-radius     : 5px;
    box-shadow        : 0 1px 4px rgba(0, 0, 0, 0.3);
    color             : #222;
    cursor            : pointer;
    display           : block;
    font-size         : 15px;
    font-weight       : bold;
    margin            : 15px 0;
    moz-box-shadow    : 0 1px 4px rgba(0, 0, 0, 0.3);
    padding           : 10px;
    text-align        : center;
    text-decoration   : none;
    webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, 0.3)
}

.icons{
    background    : url(../images/icons.png) no-repeat 0 0;
    border-radius : 5px;
    height        : 25px;
    overflow      : hidden;
    position      : relative;
    width         : 25px
}

.icons.arrow-r{
    background      : url(../images/brand_profileinweb_arrow@2x.png) no-repeat center center;
    background-size : 100%;
    height          : 16px;
    width           : 12px
}

.icons.check{
    background-position : -25px 0
}

#activity-detail .page-bizinfo .header #activity-name{
    color       : #000;
    font-size   : 20px;
    font-weight : bold;
    white-space : pre-wrap;
    word-wrap   : normal;
    word-break  : normal
}

.page-bizinfo{
    padding-left  : 15px;
    padding-right : 15px
}

.activity-meta{
    display        : inline-block;
    line-height    : 16px;
    vertical-align : middle;
    margin-left    : 8px;
    padding-top    : 2px;
    padding-bottom : 2px;
    color          : #8c8c8c;
    font-size      : 11px
}

.activity-meta.no-extra{
    margin-left : 0
}

.activity-info .text-ellipsis{
    display        : inline-block;
    vertical-align : middle;
    max-width      : 104px;
    overflow       : hidden;
    text-overflow  : ellipsis;
    white-space    : nowrap
}

#post-user{
    text-decoration : none;
    outline         : 0;
    color           : #607fa6
}

a.activity-meta{
    text-decoration : none;
    outline         : 0;
    color           : #607fa6
}

a.activity-meta:active{
    color : #607fa6
}

a.activity-meta:active .icon_link_arrow{
    background              : transparent url(../images/link_arrow_right_blue.png) no-repeat 0 0;
    -webkit-background-size : 100%;
    -moz-background-size    : 100%;
    -o-background-size      : 100%;
    background-size         : 100%
}

.activity-info .icon_link_arrow{
    margin-left : 3px;
    margin-top  : -5px
}

.icon_link_arrow{
    display                 : none;
    vertical-align          : middle;
    width                   : 7px;
    height                  : 7px;
    background              : transparent url(../images/link_arrow_right_blue.png) no-repeat 0 0;
    -webkit-background-size : 100%;
    -moz-background-size    : 100%;
    -o-background-size      : 100%;
    background-size         : 100%
}

#activity-detail .page-content{
    margin        : 4px 0 0;
    padding-left  : 15px;
    padding-right : 15px
}

#activity-detail .page-content .media{
    margin : 18px 0
}

#activity-detail .page-content .media img{
    width : 100%
}

#activity-detail .page-content .text{
    color       : #3e3e3e;
    line-height : 2em;
    width       : 100%
}

#activity-detail .page-content .text p{
    *zoom      : 1;
    min-height : 1.5em;
    word-wrap  : normal;
    word-break : normal;
}

#activity-detail .page-content .text p:after{
    content : "\200B";
    display : block;
    height  : 0;
    clear   : both
}

#activity-list .header{
    font-size : 20px
}

#activity-list .page-list{
    border        : 1px solid #ccc;
    border-radius : 5px;
    margin        : 18px 0;
    overflow      : hidden
}

#activity-list .page-list .line.btn{
    border-radius : 0;
    margin        : 0;
    text-align    : left
}

#activity-list .page-list .line.btn .checkbox{
    height       : 25px;
    line-height  : 25px;
    padding-left : 35px;
    position     : relative
}

#activity-list .page-list .line.btn .checkbox .icons{
    background-color : #ccc;
    left             : 0;
    position         : absolute;
    top              : 0
}

#activity-list .page-list .line.btn.off .icons{
    background-image : none
}

.vm{
    vertical-align : middle
}

.tc{
    text-align : center
}

.db{
    display : block
}

.dib{
    display : inline-block
}

.b{
    font-weight : 700
}

.clr{
    clear : both
}

.text img{
    max-width : 100% !important;
    height    : auto !important
}

.page-toolbar{
    padding     : 18px 0;
    overflow    : hidden;
    *zoom       : 1;
    height      : 16px;
    line-height : 16px
}

.page-toolbar a{
    color               : #607fa6;
    font-size           : 14px;
    text-decoration     : none;
    text-shadow         : 0 1px #fff;
    -webkit-text-shadow : 0 1px #fff;
    -moz-text-shadow    : 0 1px #fff
}

.page-url{
    float : left
}

.page-toolbar a.page-imform{
    float : right;
    color : #7b7b7b
}

.page-toolbar .pager{
    display    : block;
    margin     : 0 auto -16px;
    text-align : center;
    font-size  : 14px
}

.page-toolbar .pager a{
    margin : 0 10px
}

.page-toolarea{
    font-size : 14px;
    padding   : 10px 0 20px
}

.page-toolarea a{
    display         : block;
    line-height     : 2em;
    color           : #7b7b7b;
    text-decoration : none
}

.page-toolarea .icon_arrow_gray{
    margin-left : 5px;
    margin-top  : -0.2em
}

.res_iframe{
    width            : 100%;
    background-color : transparent;
    border           : 0
}

.line_title{
    text-align : center;
    margin-top : 20px;
    border-top : 1px dotted #a8a8a7
}

.line_title .tips{
    display          : inline-block;
    position         : relative;
    top              : -9px;
    padding-left     : 16px;
    padding-right    : 16px;
    font-size        : 14px;
    color            : #cfcfcf;
    background-color : #f8f7f5;
    text-decoration  : none
}

.icon_arrow_gray{
    display                 : inline-block;
    vertical-align          : middle;
    width                   : 7px;
    height                  : 7px;
    background              : transparent url(../images/icon_arrow_gray.png) no-repeat 0 0;
    -webkit-background-size : 100%;
    -moz-background-size    : 100%;
    -o-background-size      : 100%;
    background-size         : 100%
}

.selectTdClass{
    background-color : #edf5fa !important
}

table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption{
    border : 1px dashed #ddd !important
}

table{
    margin-bottom   : 10px;
    border-collapse : collapse;
    display         : table;
    width           : 100% !important
}

td, th{
    word-wrap  : break-word;
    word-break : break-all;
    padding    : 5px 10px;
    border     : 1px solid #DDD
}

caption{
    border        : 1px dashed #DDD;
    border-bottom : 0;
    padding       : 3px;
    text-align    : center
}

th{
    border-top : 2px solid #BBB;
    background : #f7f7f7
}

.ue-table-interlace-color-single{
    background-color : #fcfcfc
}

.ue-table-interlace-color-double{
    background-color : #f7faff
}

td p{
    margin  : 0;
    padding : 0
}

.vote_area{
    position    : relative;
    display     : block;
    margin      : 14px 0;
    white-space : normal !important
}

.vote_iframe{
    width            : 100%;
    height           : 100%;
    background-color : transparent;
    border           : 0
}
.cmt-head{
    position: relative;
    height: 32px;
    line-height: 32px;
    background-color: #EFEFEF;
    padding:0 22px;

}
.cmt-tit{
    background:url(../images/activity/ico_cmt.png) no-repeat 0 center;
    padding-left: 40px;
}
.btn-arrow{
    position: absolute;
    top: 12px;
    right: 30px;
    width:8px;
    height: 6px;
    background:url(../images/activity/arrow_cmt.png) no-repeat 0 -6px;
}
.cmt-item{
    position: relative;
    overflow: hidden;
    padding:10px 30px 12px 22px;
    border-bottom: 1px dashed #A8A8A8;
}
.cmt-item:last-child {margin-bottom: 20px;}
.avator{
    float: left;
    width:41px;
    text-align: center;
    margin-right:11px;
}
.avator-pic{
    display: inline-block;
    width: 37px;
    height: 35px;
    padding:2px;
    background-color: #ECEBEB;
}
.avator-name{
    display: inline-block;
    width: 41px;
    font-size: 11px;
    text-decoration: none;
    color:#797979;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.cmt-txt{
    float: right;
    margin-top:10px;
    font-size: 11px;
    width: 80%;
    margin-bottom: 16px;
}
.pub-time{
    position: absolute;
    right: 30px;
    bottom:12px;
    clear: both;
    text-align: right;
    font-size: 11px;
}
.areabox{
    position: fixed;
    bottom: 4px;
    left: 50%;
    margin-left:-144px;clear: both;;margin-top: -30px;
}
.comment .cmt-list{
    padding-bottom:30px;
}
#area-cnt{
    width:208px;
    height: 30px;
    border:none;
    border-radius: 3px;
    border-bottom: 2px solid #D7D4D4;
    border-right: 2px solid #D7D4D4;
    box-shadow: 2px 2px 3px #BFBEBE inset;
    background:#E4E2E2;
    padding:2px 10px;
    line-height: 30px;
}
.btn-submit{
    display: inline-block;
    width: 50px;
    height: 30px;
    margin-left:10px;
    vertical-align: 2px;
    background: url(../images/activity/btn_submit.png) no-repeat;
}

#btn-act{
    width: 58px; height: 58px; background:url(../images/activity/btnActive.png) no-repeat; position:fixed; top: 36%; right: 16px; z-index: 9999;
}

#btn-act-sucess{
    width: 58px; height: 58px; background:url(../images/activity/booksuc.png) no-repeat; position:fixed; top: 36%; right: 16px; z-index: 9999;
}

.btn-ss{
    width:100px;
    height: 36px;
    background: url(../images/activity/btnSubBg.png) no-repeat;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    margin:14px auto;
    font-weight: bold;
    cursor: pointer;
}

#btn-booking{
    width: 98px; height: 99px; background:url(../images/activity/btnbook.png) no-repeat; position:fixed; top: 36%; left: 16px; z-index: 9999;background-size: 50% 50%;
}